
html, body {
  margin: 0;
  padding: 0;
}

img {
  border: 0;  
}


/* HEADER WRAPPER */

#headerWrapper {
  width: auto;
  margin: 0;
  padding: 0.3em 1em 1em;
  height: 3em;
  overflow: hidden;
}

#headerDiv {
  float: left;  
}

#headerDiv img {
  float: left;
  height: 52px;
}

#headerDiv h1 {
  margin: 0 0 0 1.8em;
  padding: 0.3em 0 0 0;
  font-size: 2em;
}

#updateMessage, #cloudMessage {
  margin-top: 0.2em;
  float: right;
  height: 1.5em;
  overflow: visible;
  margin-right: 0.5em;
}

#updateMessage a, #cloudMessage a {
  text-decoration: underline;
  margin: 0 0.1em;  
}

#updateMessageBox, #cloudMessageBox {
    display:none;
    position:absolute;
    border:1px solid #AAAAAA;
    padding: 7px;
}

#logoutDiv {
  margin-top: 0.2em;
  float: right;
  height: 1.5em;
  overflow: visible;
}

#logoutDiv a {
  text-decoration: underline;
  margin: 0 0.1em;  
}

/* CONTROLS WRAPPER */

#controlWrapper {
  width: auto;
  margin: 0;
  padding: 0;
  height: 21px;
  border-bottom: 1px solid #A6C9E2;
  white-space: nowrap;
}

#createAndSearchWrapper {
  width: 15em;
  margin: 1px;
  padding: 0;
  height: 21px;
  border-bottom: 1px solid #A6C9E2;
  white-space: nowrap;
}

/* MENU WRAPPER */

#resizableMenuWrapper {
  width: 15em;
  float: left;
  position: absolute;
  top: 9.5em;
  bottom: 2.5em;
}

#menuWrapper {
  width: 15em;
  float: left;
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

#menuControlPanel {
	position: relative;
	float: left;
	left: 0;
	top: -1.9em;
}

#menuControlPanel div {
  height: 100px;
  width: 10px;
  margin-left: 15em;
  padding: 0;
  cursor: pointer;
  position: absolute;
  background-position: 0% 0%;
}

#menuControlPanel div:hover {
  background-position: 0% 100%;
}

#menuToggleControl {
  background: url('../img/toggle.png');
  z-index:1;
}

#menuContent {
  margin-top: 2px; 
}

/* BODY WRAPPER */

#bodyWrapper {
  width: auto;
  margin: 0 0 0 15em;
  padding: 1em 2em 1em 1.5em;
  border-left: 1px solid #A6C9E2;
  outline:none;
  position: absolute;
  top: 6em;
  bottom: 2.5em;
  left: 0;
  right: 0;
  overflow: auto;
}

#bodyWrapperNoMenu {
  width: auto;
  padding: 1em 2em 1em 1.5em;
  border-left: 1px solid #A6C9E2;
  outline:none;
  position: absolute;
  top: 6em;
  bottom: 2.5em;
  left: 0;
  right: 0;
  overflow: auto;
}

#layoutEmptyDiv {
  background-color: transparent;
  width: 100%;
  height: 1px;
  clear: both;  
}

/* FOOTER WRAPPER */

#footerWrapper {
  width: auto;
  margin: 0;
  padding: 0.4em;
  clear: both;
  border-top: 1px solid #A6C9E2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	float: none;
} 

.greySeeThroughElement {
  background-color: rgb(119, 119, 119);
  opacity: 0.7;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}